<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()+ path + "/";
%>
<html>
	 <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
        <meta name="format-detection" content="telephone=no">
        <meta charset="UTF-8">
        <meta name="description" content="Violate Responsive Admin Template">
        <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">
        <link href="<%=path %>/assets2/js/bootstrap-table.css" rel="stylesheet">
        <script src="<%=path %>/assets2/js/jquery-1.11.1.min.js"></script>
        <script src="<%=path %>/assets2/js/bootstrap-table.js"></script>
   		<script src="<%=path %>/assets2/js/locale/bootstrap-table-zh-CN.js"></script>
   		<script src="<%=path %>/assets2/js/bootstrap.min.js"></script>
   		<link href="<%=basePath%>/assets/layer/theme/default/layer.css" rel="stylesheet" type="text/css">
		<script src="<%=basePath%>/assets/layer/layer.js"></script>
    </head>
<div class="row">
	<ol class="breadcrumb">
		<li><a href="<%=path%>/index"><span
				class="glyphicon glyphicon-home"></span></a></li>
		<li class="active">投诉建议管理</li>
	</ol>
</div>

<div class="panel panel-default">
	<div class="panel-heading">投诉建议列表</div>
	<div class="panel-body">
		<form id="formSearch" class="form-horizontal">
			<div class="form-group" style="margin-top: 15px">
				<label class="control-label col-sm-2"
					for="selectName">搜索内容</label>
				<div class="col-sm-2">
					<input type="text" class="form-control" id="selectName" placeholder="建议内容/回复内容">
				</div>
				<div class="col-sm-1" style="text-align: left;">
					<button type="button" style="margin-left: 50px" id="btn_query"
						class="btn btn-primary" onclick="serachUser()">查询</button>
				</div>
			</div>
		</form>
		<table id="tabId"></table>
	</div>
</div>
<div class="modal fade" tabindex="-1" role="dialog" id="myModal">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal"
					aria-label="Close">
					<span aria-hidden="true">&times;</span>
				</button>
				<h4 class="modal-title" id="myModalTitle"></h4>
			</div>
			<div class="modal-body" id="myModalBody">
				
			</div>
		</div>
	 </div>
	</div>
   <script type="text/javascript">
   $(function () {
	    //1.初始化Table
	    var oTable = new TableInit();
	    oTable.Init();

	    //2.初始化Button的点击事件
	    var oButtonInit = new ButtonInit();
	    oButtonInit.Init();

	});


	var TableInit = function () {
	    var oTableInit = new Object();
	    //初始化Table
	    oTableInit.Init = function () {
	        $('#tabId').bootstrapTable({
	            url: '<%=path %>/web/getComplainsList',         //请求后台的URL（*）
	            method: 'get',                      //请求方式（*）
	            toolbar: '#toolbar',                //工具按钮用哪个容器
	            striped: false,                      //是否显示行间隔色
	            cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
	            pagination: true,                   //是否显示分页（*）
	            sortable: false,                     //是否启用排序
	            sortOrder: "asc",                   //排序方式
	            queryParams: oTableInit.queryParams,//传递参数（*）
	            sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
	            pageNumber:1,                       //初始化加载第一页，默认第一页
	            pageSize: 10,                       //每页的记录行数（*）
	            pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
	            search: false,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
	            strictSearch: false,
	            showColumns: false,                  //是否显示所有的列
	            showRefresh: true,                  //是否显示刷新按钮
	            minimumCountColumns: 2,             //最少允许的列数
	            clickToSelect: false,                //是否启用点击选中行
	            uniqueId: "complainId",                     //每一行的唯一标识，一般为主键列
	            showToggle:false,                    //是否显示详细视图和列表视图的切换按钮
	            cardView: false,                    //是否显示详细视图
	            detailView: false,                   //是否显示父子表
	            columns: [ {
	                field: 'goalId',
	                title: '目标名称',
	                align: 'center', // 左右居中
	                valign: 'middle', // 上下居中
	               	formatter: goalFormatter //自定义方法，添加操作按钮
	            },{
	                field: 'goalType',
	                title: '目标类型',
	                align: 'center', // 左右居中
	                valign: 'middle', // 上下居中
	                formatter: goalTypeFormatter //自定义方法，添加操作按钮
	            }, {
	                field: 'userName',
	                title: '投诉人姓名',
	                align: 'center', // 左右居中
	                valign: 'middle' // 上下居中
	            }, {
	                field: 'comPlainContent',
	                title: '投诉建议内容',
	                align: 'center', // 左右居中
	                valign: 'middle' // 上下居中
	            }, {
	                field: 'createDate',
	                title: '创建时间',
	                align: 'center', // 左右居中
	                valign: 'middle' // 上下居中
	            },{
	                field: 'complainStatus',
	                title: '处理状态',
	                align: 'center', // 左右居中
	                valign: 'middle', // 上下居中
	                formatter: stateFormatter //自定义方法，添加操作按钮
	            },{
	                field: 'complainId',
	                title: '操作',
	                align: 'center', // 左右居中
	                valign: 'middle', // 上下居中
	                formatter: operateFormatter //自定义方法，添加操作按钮
	            }]
	        });
	    };

	    //得到查询的参数
	    oTableInit.queryParams = function (params) {
	        var temp = {   //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
	            limit: params.limit,   //页面大小
	            offset: params.offset,  //页码
	            selectName: $("#selectName").val(),
	        };
	        return temp;
	    };
	    return oTableInit;
	};


	var ButtonInit = function () {
	    var oInit = new Object();
	    var postdata = {};
	    oInit.Init = function () {
	        //初始化页面上面的按钮事件
	    };
	    return oInit;
	};
// 	function goodImgFormatter(value, row, index) {//赋予的参数
<%-- 	    return '<img style="width:100px;height:100px" src="<%=path %>/manager/getGoodsPhoto?photoUrl='+value+'"></img>'; --%>
// 	}
	function stateFormatter(value, row, index) {//赋予的参数
		var str='';
		if(value==0){
			str='等待回复';
		}else if(value==1||value==2){
			str='已回复';
		}else if(value==3){
			str='等待仲裁';
		}else{
			str='已处理';
		}
	    return str;
	}
	function goalTypeFormatter(value, row, index){
		var str='';
		if(value==0){
			str='商家';
		}else if(value==1){
			str='订单';
		}
	    return str;
	}
	function goalFormatter(value, row, index) {//赋予的参数
		var str ="";
		$.ajax({
			 type:"POST",
	         url: "<%=path %>/web/getComplains",
	         data: {"goalId":value,"type":row.goalType},
	         dataType: 'json',
	         async : false,
	         success: function(data,status,xhr){
	        	 str = data.name;
	         }
	       });
		return str;
	}
	function operateFormatter(value, row, index) {//赋予的参数
		if(row.complainStatus==0||row.complainStatus==1||row.complainStatus==2){
			var str='<a class="btn btn-default" href="#" onclick="check('+value+')">回复</a>'
		}else{
			var str='<a class="btn btn-default" href="#" onclick="check('+value+')">查看</a>'
		}
	    return str;
	}
	function serachUser() {
        $("#tabId").bootstrapTable('refresh');
    }
	//查看与仲裁
	function check(id){
		$('#myModalTitle').html("查看与仲裁");
		$("#myModalBody").load("<%=path %>/jsp/web/complainsDetails.jsp?complainId="+id,function(data,status,xhr){
	        if(xhr.getResponseHeader("sessionstatus")=='timeout'){
	        	window.location.href=context_path+'/login';
	        }
		});
		$('#myModal').modal('show');
	}
	//提醒回复
	function remindToReply(){
		swal({ 
 			  title: "提醒成功", 
 			  text: "提醒回复成功", 
 			  type: "success",
 			});
	}


   </script>
</html>